<%@include file="inc/prelude.jsp" %>
<div id="wrapper">
    <%@include file="inc/header.jsp" %>
    <%@include file="inc/menu.jsp" %>
    <div id="content">
        <div class="content-left">
            <div id="table-mess">                
                <form action="/user/doAddCard.htm" method="post">
                    <div class="mess">
                        <div class="mess-title"><img alt=""  src="${pageContext.request.contextPath}/res/images/star.png" border="0"> Add Debit/Credit Card</div>
                        <div class="mess-content">
                            <s:actionerror />
                        </div>
                        <div class="submit-card-left"><s:text name="user.add_card.number" /></div>
                        <div class="submit-card-right"><input type="text" name="number" /><s:fielderror fieldName="number" /></div>
                        <div class="clearboth"></div>
                        <div class="submit-card-left"><s:text name="user.add_card.type" /></div>
                        <div class="submit-card-right">
                            <select name="type">
                                <c:forEach items="${types}" var="t">
                                    <option value="${t.id}">${t.value}</option>
                                </c:forEach>
                            </select>
                            <s:fielderror fieldName="type" />
                        </div>
                        <div class="clearboth"></div>
                        <div class="submit-card-left"><s:text name="user.add_card.month" /></div>
                        <div class="submit-card-right">
                            <select name="expire_month">
                                <c:forEach items="${months}" var="m">
                                    <option value="${m.id}">${m.value}</option>
                                </c:forEach>
                            </select>
                            <s:fielderror fieldName="type" />
                        </div>
                        <div class="clearboth"></div>
                        <div class="submit-card-left"><s:text name="user.add_card.year" /></div>
                        <div class="submit-card-right">
                            <select name="expire_year">
                                <c:forEach items="${years}" var="y">
                                    <option value="${y.id}">${y.value}</option>
                                </c:forEach>
                            </select>
                        </div>
                        <div class="clearboth"></div>
                        <div class="submit-card-left"><s:text name="user.add_card.cvc" /></div>
                        <div class="submit-card-right"><input type="text" name="cvc" maxLength="4" /></div>
                        <div class="clearboth"></div>

                        <div class="submit-card-left">&nbsp;</div>
                        <div class="submit-card-right submit-card-button"><button type="submit">Submit</button>
                            <button onclick="document.location='summary.htm';return false;">Cancel</button></div>
                        <div class="clearboth"></div>
                    </div>
                </form>

            </div>
            <%@include file="inc/quicklink.jsp" %>
        </div>
        <%@include file="inc/rightmenu.jsp" %>
    </div>
    <%@include file="inc/footer.jsp" %>
</div>
<%@include file="inc/coda.jsp" %>